<template>
  <div>
    <el-dialog
      title="病历"
      top="1vh"
      :visible.sync="addMedicalDialogFlag"
      v-if="addMedicalDialogFlag"
      :width="widthSize + `px`"
      :close-on-press-escape="false"
      :close-on-click-modal="false"
      @close="cancel"
      :before-close="beforeClose"
    >
      <div style="display: flex; max-height: 600px">
        <div class="yaBg">
          <span class="title_top"> 点击要选择的牙齿 </span>

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft8`)].status }}
            </div>
            <img src="@/assets/images/绿色/上1.png" class="upp1" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft8`)].status }}
            </div>
            <img src="@/assets/images/深橘/上1.png" class="upp1" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上1.png"
            class="up1"
            @click="doAdd('upLeft8')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft7`)].status }}
            </div>
            <img src="@/assets/images/绿色/上2.png" class="upp2" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft7`)].status }}
            </div>
            <img src="@/assets/images/深橘/上2.png" class="upp2" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上2.png"
            class="up2"
            @click="doAdd('upLeft7')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft6`)].status }}
            </div>
            <img src="@/assets/images/绿色/上3.png" class="up3" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft6`)].status }}
            </div>
            <img src="@/assets/images/深橘/上3.png" class="up3" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上3.png"
            class="up3"
            @click="doAdd('upLeft6')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft5`)].status }}
            </div>
            <img src="@/assets/images/绿色/上4.png" class="upp4" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft5`)].status }}
            </div>
            <img src="@/assets/images/深橘/上4.png" class="upp4" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上4.png"
            class="up4"
            @click="doAdd('upLeft5')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft4`)].status }}
            </div>
            <img src="@/assets/images/绿色/上5.png" class="up5" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft4`)].status }}
            </div>
            <img src="@/assets/images/深橘/上5.png" class="up5" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上5.png"
            class="up5"
            @click="doAdd('upLeft4')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft3`)].status }}
            </div>
            <img src="@/assets/images/绿色/上6.png" class="upp6" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft3`)].status }}
            </div>
            <img src="@/assets/images/深橘/上6.png" class="upp6" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上6.png"
            class="up6"
            @click="doAdd('upLeft3')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft2`)].status }}
            </div>
            <img src="@/assets/images/绿色/上7.png" class="upp7" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft2`)].status }}
            </div>
            <img src="@/assets/images/深橘/上7.png" class="upp7" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上7.png"
            class="up7"
            @click="doAdd('upLeft2')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upLeft1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upLeft1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft1`)].status }}
            </div>
            <img src="@/assets/images/绿色/上8.png" class="upp8" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upLeft1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upLeft1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upLeft1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upLeft1`)].status }}
            </div>
            <img src="@/assets/images/深橘/上8.png" class="upp8" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上8.png"
            class="up8"
            @click="doAdd('upLeft1')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight1`)].status }}
            </div>
            <img src="@/assets/images/绿色/上9.png" class="up9" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight1`)].status }}
            </div>
            <img src="@/assets/images/深橘/上9.png" class="up9" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上9.png"
            class="up9"
            @click="doAdd('upRight1')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight2`)].status }}
            </div>
            <img src="@/assets/images/绿色/上10.png" class="up10" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight2`)].status }}
            </div>
            <img src="@/assets/images/深橘/上10.png" class="up10" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上10.png"
            class="up10"
            @click="doAdd('upRight2')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .toothPositionStatus ==  2 &&
              lookList.some((item) => item.name == `upRight3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight3`)].status }}
            </div>
            <img src="@/assets/images/绿色/上11.png" class="up11" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight3`) > -1 &&
               lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight3`)].status }}
            </div>
            <img src="@/assets/images/深橘/上11.png" class="up11" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上11.png"
            class="up11"
            @click="doAdd('upRight3')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight4`) > -1 &&
               lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight4`)].status }}
            </div>
            <img src="@/assets/images/绿色/上12.png" class="up12" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight4`)].status }}
            </div>
            <img src="@/assets/images/深橘/上12.png" class="up12" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上12.png"
            class="up12"
            @click="doAdd('upRight4')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight5`)].status }}
            </div>
            <img src="@/assets/images/绿色/上13.png" class="up13" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight5`)].status }}
            </div>
            <img src="@/assets/images/深橘/上13.png" class="up13" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上13.png"
            class="up13"
            @click="doAdd('upRight5')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight6`)].status }}
            </div>
            <img src="@/assets/images/绿色/上14.png" class="upp14" />
          </el-tooltip>

          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight6`)].status }}
            </div>
            <img src="@/assets/images/深橘/上14.png" class="upp14" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上14.png"
            class="up14"
            @click="doAdd('upRight6')"
          />


          
          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `upRight7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight7`)].status }}
            </div>
            <img src="@/assets/images/绿色/上15.png" class="up15" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight7`)].status }}
            </div>
            <img src="@/assets/images/深橘/上15.png" class="upp15" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上15.png"
            class="up15"
            @click="doAdd('upRight7')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `upRight8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight8`)].toothPositionStatus ==  2 &&
              lookList.some((item) => item.name == `upRight8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight8`)].status }}
            </div>
            <img src="@/assets/images/绿色/上16.png" class="up16" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `upRight8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `upRight8`)].toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `upRight8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `upRight8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `upRight8`)].status }}
            </div>
            <img src="@/assets/images/深橘/上16.png" class="up16" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/上16.png"
            class="up16"
            @click="doAdd('upRight8')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft8`)].status }}
            </div>
            <img src="@/assets/images/绿色/下1.png" class="downn1" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft8`)].status }}
            </div>
            <img src="@/assets/images/深橘/下1.png" class="downn1" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下1.png"
            class="down1"
            @click="doAdd('downLeft8')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft7`)].status }}
            </div>
            <img src="@/assets/images/绿色/下2.png" class="downn2" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft7`)].status }}
            </div>
            <img src="@/assets/images/深橘/下2.png" class="downn2" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下2.png"
            class="down2"
            @click="doAdd('downLeft7')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft6`)].status }}
            </div>
            <img src="@/assets/images/绿色/下3.png" class="downn3" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft6`)].status }}
            </div>
            <img src="@/assets/images/深橘/下3.png" class="downn3" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下3.png"
            class="down3"
            @click="doAdd('downLeft6')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft5`)].status }}
            </div>
            <img src="@/assets/images/绿色/下4.png" class="downn4" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft5`)].status }}
            </div>
            <img src="@/assets/images/深橘/下4.png" class="downn4" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下4.png"
            class="down4"
            @click="doAdd('downLeft5')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft4`)].status }}
            </div>
            <img src="@/assets/images/绿色/下5.png" class="downn5" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft4`)].status }}
            </div>
            <img src="@/assets/images/深橘/下5.png" class="downn5" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下5.png"
            class="down5"
            @click="doAdd('downLeft4')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft3`)].status }}
            </div>
            <img src="@/assets/images/绿色/下6.png" class="downn6" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft3`)].status }}
            </div>
            <img src="@/assets/images/深橘/下6.png" class="downn6" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下6.png"
            class="down6"
            @click="doAdd('downLeft3')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft2`)].status }}
            </div>
            <img src="@/assets/images/绿色/下7.png" class="downn7" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft2`)].status }}
            </div>
            <img src="@/assets/images/深橘/下7.png" class="downn7" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下7.png"
            class="down7"
            @click="doAdd('downLeft2')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downLeft1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downLeft1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft1`)].status }}
            </div>
            <img src="@/assets/images/绿色/下8.png" class="downn8" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downLeft1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downLeft1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downLeft1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downLeft1`)].status }}
            </div>
            <img src="@/assets/images/深橘/下8.png" class="downn8" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下8.png"
            class="down8"
            @click="doAdd('downLeft1')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight1`)].status }}
            </div>
            <img src="@/assets/images/绿色/下9.png" class="downn9" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight1`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight1`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight1`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight1`)].status }}
            </div>
            <img src="@/assets/images/深橘/下9.png" class="downn9" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下9.png"
            class="down9"
            @click="doAdd('downRight1')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight2`)].status }}
            </div>
            <img src="@/assets/images/绿色/下10.png" class="downn10" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight2`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight2`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight2`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight2`)].status }}
            </div>
            <img src="@/assets/images/深橘/下10.png" class="downn10" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下10.png"
            class="down10"
            @click="doAdd('downRight2')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight3`)].status }}
            </div>
            <img src="@/assets/images/绿色/下11.png" class="downn11" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight3`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight3`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight3`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight3`)].status }}
            </div>
            <img src="@/assets/images/深橘/下11.png" class="downn11" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下11.png"
            class="down11"
            @click="doAdd('downRight3')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight4`)].status }}
            </div>
            <img src="@/assets/images/绿色/下12.png" class="downn12" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight4`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight4`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight4`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight4`)].status }}
            </div>
            <img src="@/assets/images/深橘/下12.png" class="downn12" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下12.png"
            class="down12"
            @click="doAdd('downRight4')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight5`)].status }}
            </div>
            <img src="@/assets/images/绿色/下13.png" class="downn13" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight5`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight5`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight5`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight5`)].status }}
            </div>
            <img src="@/assets/images/深橘/下13.png" class="downn13" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下13.png"
            class="down13"
            @click="doAdd('downRight5')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight6`)].status }}
            </div>
            <img src="@/assets/images/绿色/下14.png" class="downn14" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight6`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight6`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight6`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight6`)].status }}
            </div>
            <img src="@/assets/images/深橘/下14.png" class="downn14" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下14.png"
            class="down14"
            @click="doAdd('downRight6')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight7`)].status }}
            </div>
            <img src="@/assets/images/绿色/下15.png" class="downn15" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight7`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight7`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight7`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight7`)].status }}
            </div>
            <img src="@/assets/images/深橘/下15.png" class="downn15" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下15.png"
            class="down15"
            @click="doAdd('downRight7')"
          />

          <el-tooltip
            placement="right-start"
            v-if="
            lookList.findIndex((item) => item.name == `downRight8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .toothPositionStatus == 2 &&
              lookList.some((item) => item.name == `downRight8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight8`)].status }}
            </div>
            <img src="@/assets/images/绿色/下16.png" class="downn16" />
          </el-tooltip>
          <el-tooltip
            placement="right-start"
            v-else-if="
            lookList.findIndex((item) => item.name == `downRight8`) > -1 &&
              lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .toothPositionStatus == 1 &&
              lookList.some((item) => item.name == `downRight8`)
            "
          >
            <div slot="content">
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .time
              }}
              <br />
              {{
                lookList[lookList.findIndex((item) => item.name == `downRight8`)]
                  .diagnosisTypeCn
              }},
              {{ lookList[lookList.findIndex(item=>item.name == `downRight8`)].status }}
            </div>
            <img src="@/assets/images/深橘/下16.png" class="downn16" />
          </el-tooltip>
          <img
            v-else
            src="@/assets/images/牙/下16.png"
            class="down16"
            @click="doAdd('downRight8')"
          />


          <div class="down_box1">
            <i class="yellow"> </i>
            <span> 待复诊 </span>
          </div>
          <div class="down_box2">
            <i class="green"> </i>
            <span> 治疗完成 </span>
          </div>
        </div>
        <div class="add_box" v-if="addyaFlag">
          <!-- 主诉 -->
          <div class="dic_box">
            <span class="leftWidth">
              {{ allList[0].data[0].templateName }}：
            </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex-wrap: wrap; flex: 1">
              <span
                v-for="(part, index) in allList[0].data[0].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 80px; margin-left: 5px"
                  v-model="part.value"
                  size="mini"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 2px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 现病史 -->
          <div class="dic_box">
            <span class="leftWidth">
              {{ allList[0].data[1].templateName }}：
            </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(allList[0].toothPosition)">
                    {{ allList[0].toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex-wrap: wrap; flex: 1" v-if="isLook">
              <span
                v-for="(part, index) in allList[0].data[1].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 80px; margin-left: 5px"
                  v-model="part.value"
                  size="mini"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ allList[0].data[1].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 既往史 -->
          <div class="dic_box">
            <span class="leftWidth">
              {{ allList[0].data[2].templateName }}：
            </span>
            <div style="display: flex; flex-wrap: wrap; flex: 1" v-if="isLook">
              <el-tag
                v-for="(part, index) in allList[0].data[2].formattedPartsList"
                :key="index"
                closable
                :disable-transitions="false"
                @close="handleClose(part, index, '既往史')"
              >
                {{ part }}
              </el-tag>
              <el-input
                class="input-new-tag"
                v-model="allList[0].data[2].doctorMedicalRecord"
                v-show="allList[0].data[2].flag"
                ref="saveTagInput"
                size="small"
                @blur.capture="showInputBlur1(
                    allList[0].data[2].doctorMedicalRecord,
                    '既往史'
                  )"
                @keyup.enter.native="
                  handleInputConfirm(
                    allList[0].data[2].doctorMedicalRecord,
                    '既往史'
                  )
                "
                @keyup.esc.native="blurInputConfirm"
              >
              </el-input>
              <el-button
                v-show="!allList[0].data[2].flag"
                class="button-new-tag"
                size="small"
                @click="showInput('既往史')"
                >+
              </el-button>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ allList[0].data[2].patientMedicalRecord }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 家族史 -->
          <div class="dic_box">
            <span class="leftWidth">
              {{ allList[0].data[3].templateName }}：
            </span>
            <div style="display: flex; flex-wrap: wrap; flex: 1" v-if="isLook">
              <el-tag
                v-for="(part, index) in allList[0].data[3].formattedPartsList"
                :key="index"
                closable
                :disable-transitions="false"
                @close="handleClose(part, index, '家族史')"
              >
                {{ part }}
              </el-tag>
              <el-input
                class="input-new-tag"
                v-model="allList[0].data[3].doctorMedicalRecord"
                v-if="allList[0].data[3].flag"
                ref="saveTagInput"
                size="small"
                @blur="showInputBlur('家族史')"
                @keyup.enter.native="
                  handleInputConfirm(
                    allList[0].data[3].doctorMedicalRecord,
                    '家族史'
                  )
                "
                @keyup.esc.native="blurInputConfirm"
              >
              </el-input>
              <el-button
                v-else
                class="button-new-tag"
                size="small"
                @click="showInput('家族史')"
                >+
              </el-button>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ allList[0].data[3].patientMedicalRecord }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 过敏史 -->
          <div class="dic_box">
            <span class="leftWidth">
              {{ allList[0].data[4].templateName }}：
            </span>
            <div style="display: flex; flex-wrap: wrap; flex: 1" v-if="isLook">
              <el-tag
                v-for="(part, index) in allList[0].data[4].formattedPartsList"
                :key="index"
                closable
                :disable-transitions="false"
                @close="handleClose(part, index, '过敏史')"
              >
                {{ part }}
              </el-tag>
              <el-input
                class="input-new-tag"
                v-model="allList[0].data[4].doctorMedicalRecord"
                v-if="allList[0].data[4].flag"
                ref="saveTagInput"
                size="small"
                @blur="showInputBlur('过敏史')"
                @keyup.enter.native="
                  handleInputConfirm(
                    allList[0].data[4].doctorMedicalRecord,
                    '过敏史'
                  )
                "
                @keyup.esc.native="blurInputConfirm"
              >
              </el-input>
              <el-button
                v-else
                class="button-new-tag"
                size="small"
                @click="showInput('过敏史')"
                >+
              </el-button>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ allList[0].data[4].patientMedicalRecord }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- X线片示（影像） -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[5].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[5].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[5].contentInfo }}</span>
            </div>
          </div>
          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 诊断 -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[6].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[6].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[6].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 治疗计划 -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[7].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[7].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[7].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 处置(基础模版公用) -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[8].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[8].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[8].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 处置 -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[9].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[9].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[9].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 处置 -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[10].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[10].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[10].contentInfo }}</span>
            </div>
          </div>

          <div
            style="
              width: 100%;
              height: 1.5px;
              background-color: #e0e0e0;
              margin: 10px 0;
            "
          ></div>

          <!-- 医嘱 -->
          <div
            class="dic_box margin_top"
            v-for="(it, ind) in allList"
            :key="ind"
          >
            <span class="leftWidth" v-if="ind == 0">
              {{ it.data[11].templateName }}：
            </span>
            <span class="leftWidth" v-else> &emsp; </span>
            <div class="cross">
              <p>
                <span class="oneSpan">
                  <span v-if="upLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upLeft', '') }}
                  </span>
                </span>
                <span class="twoSpan">
                  <span v-if="upRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('upRight', '') }}
                  </span>
                </span>
              </p>
              <p>
                <span class="threeSpan">
                  <span v-if="downLeft.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downLeft', '') }}
                  </span>
                </span>
                <span class="fourSpan">
                  <span v-if="downRight.includes(it.toothPosition)">
                    {{ it.toothPosition.replace('downRight', '') }}
                  </span>
                </span>
              </p>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-if="isLook">
              <span
                v-for="(part, index) in it.data[11].formattedParts"
                :key="index"
              >
                <el-select
                  v-if="part.type === 'select'"
                  style="width: 75px; margin-left: 3px; height: 30px !important"
                  v-model="part.value"
                  size="mini"
                  @change="$forceUpdate()"
                >
                  <el-option
                    v-for="option in part.options"
                    :key="option.value"
                    :label="option.label"
                    :value="option.value"
                  >
                  </el-option>
                </el-select>
                <span v-else>{{ part.text }}</span>
              </span>
            </div>
            <div style="display: flex; flex: 1; flex-wrap: wrap" v-else>
              <span>{{ it.data[11].contentInfo }}</span>
            </div>
          </div>
        </div>
      </div>

      <span slot="footer" class="dialog-footer" v-if="addyaFlag && isLook">
        <el-button @click="cancel">取 消</el-button>
        <!-- <el-button>打 印</el-button> -->
        <el-button type="primary" @click="doAllList('1')">保 存</el-button>
        <el-button type="primary" @click="doAllList('2')">完成治疗</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import store from '@/store'

import { patientMedicalRecord } from '@/api/allApi.js'

export default {
  name: 'EitcErmPcAddMedicalDialog',
  props: {
    addMedicalDialogFlag: {
      type: Boolean,
      default: false
    },
    widthSize: {
      type: Number,
      default: 500
    },
    addyaFlag: {
      type: Boolean,
      default: false
    },
    isLook: {
      type: Boolean,
      default: false
    },
    addMoredialogFlag: {
      type: Boolean,
      default: true
    },
    tooth: {
      type: String,
      default: 'up16'
    },
    ids: {
      type: String,
      default: ''
    },
    appointmentId: {
      type: String,
      default: ''
    },
    editId: {
      type: String,
      default: ''
    },
    yaAllList: {
      type: Array,
      default: []
    },
    teethList: {
      type: Array,
      default: []
    },
    isLookObj: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {
      upLeft: [
        'upLeft1',
        'upLeft2',
        'upLeft3',
        'upLeft4',
        'upLeft5',
        'upLeft6',
        'upLeft7',
        'upLeft8'
      ],
      upRight: [
        'upRight1',
        'upRight2',
        'upRight3',
        'upRight4',
        'upRight5',
        'upRight6',
        'upRight7',
        'upRight8'
      ],
      downLeft: [
        'downLeft1',
        'downLeft2',
        'downLeft3',
        'downLeft4',
        'downLeft5',
        'downLeft6',
        'downLeft7',
        'downLeft8'
      ],
      downRight: [
        'downRight1',
        'downRight2',
        'downRight3',
        'downRight4',
        'downRight5',
        'downRight6',
        'downRight7',
        'downRight8'
      ],
      allList: [],
      last: [],
      lookList: []
    }
  },

  mounted() {
   this.$nextTick(()=>{
      this.initTeethList()
   })
  },

  methods: {
   initTeethList(val) {
      if(val) {
        val.forEach((item) => {
        this.lookList.push({
          name: item.toothPosition,
          time: item.createDate,
          diagnosisTypeCn: item.diagnosisTypeName,
          status: item.status,
          toothPositionStatus: item.toothPositionStatus
        })
      })
      this.$forceUpdate()
    }
    },
    initLookList() {
      this.lookList = []
      if (this.isLookObj?.id) {
        if (this.isLookObj.status == 2) {
          this.isLookObj.dataList.forEach((item) => {
            this.lookList.push({
              name: item.toothPosition,
              time: this.isLookObj.createDate,
              diagnosisTypeCn: item.data[0].diagnosisTypeCn,
              status: '已完成治疗',
              toothPositionStatus: this.isLookObj.status
            })
          })
        }
        if (this.isLookObj.status == 1) {
          this.isLookObj.dataList.forEach((item) => {
            this.lookList.push({
              name: item.toothPosition,
              time: this.isLookObj.createDate,
              diagnosisTypeCn: item.data[0].diagnosisTypeCn,
              status: '待复诊',
              toothPositionStatus: this.isLookObj.status
            })
          })
        }
        console.log(this.isLookObj,"this.isLookObj");
        console.log(this.lookList,"this.lookList");
      }
    },
    initList() {
      this.allList = this.yaAllList
      for (let index = 0; index < this.allList.length; index++) {
        this.allList[index].data.forEach((item) => {
          // if(item.patientMedicalRecord) {
          //   item.formattedPartsList = item.patientMedicalRecord.split(",")
          // }
          // if (!this.editId) {
          // }
          if (item.diagnosisTypeTemplateId) {
            item.diagnosisTypeTemplateId = item.diagnosisTypeTemplateId
          } else {
            item.diagnosisTypeTemplateId = item.id
          }
          item.formattedParts = this.parseText(item)
        })
      }
      this.$forceUpdate()
    },
    cancel() {
      this.$emit('cancelAll', '2')
    },
    beforeClose() {
      this.$emit('cancelAll', '2')
    },
    doAdd(name) {
      if(this.isLookObj?.status == 2){
        return
      } else {
        this.$parent.addMedicalTreeDialogFlag = true
        this.$emit('addYaKey', name)

      }
    },
    doAllList(status) {
      this.$confirm('确认保存吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(async () => {
          let obj = {}
          if (this.editId) {
            obj = {
              patientId: this.ids,
              status,
              attendingDoctorId: store.state.user.id,
              dataList: this.allList,
              id: this.editId,
              appointmentId: this.appointmentId ? this.appointmentId : null,
            }
          } else {
            obj = {
              patientId: this.ids,
              status,
              attendingDoctorId: store.state.user.id,
              dataList: this.allList,
              appointmentId: this.appointmentId ? this.appointmentId : null,
            }
          }
          const res = await patientMedicalRecord(obj)
          if (res.code !== 200) return this.$message.error(res.msg)
          this.$emit('cancelAll', '2')
          this.$parent.$refs.medicalRef.initMedicalRecordList()
          this.$message.success('保存成功!')
        })
        .catch(() => {})
    },
    parseText(val) {
      const regex = /\{([^}]+)\}/g
      let lastIndex = 0
      let match
      let selectIndex = 0
      this.formattedParts = []
      while ((match = regex.exec(val.templateExample)) !== null) {
        const start = match.index
        if (start > lastIndex) {
          this.formattedParts.push({
            type: 'text',
            text: val.templateExample.slice(lastIndex, start)
          })
        }

        const options = match[1].split('、').map((option, index) => ({
          value: option,
          label: option
        }))

        this.formattedParts.push({
          type: 'select',
          value: options[0].value, // 默认选中第一个选项
          options,
          index: selectIndex++
        })

        lastIndex = regex.lastIndex
      }

      if (lastIndex < val.templateExample.length) {
        this.formattedParts.push({
          type: 'text',
          text: val.templateExample.slice(lastIndex)
        })
      }
      // console.log(this.formattedParts, 9999)
      return this.formattedParts
    },
    handleClose(tag, index, name) {
      if (name == '既往史') {
        if (
          this.allList[0].data[2].patientMedicalRecord.split(',').includes(tag)
        ) {
          return this.$message.error('患者既往史,不能删除!')
        }
        this.allList[0].data[2].formattedPartsList.splice(index, 1)
      }
      if (name == '家族史') {
        if (
          this.allList[0].data[3].patientMedicalRecord.split(',').includes(tag)
        ) {
          return this.$message.error('患者家族史,不能删除!')
        }
        this.allList[0].data[3].formattedPartsList.splice(index, 1)
      }
      if (name == '过敏史') {
        if (
          this.allList[0].data[4].patientMedicalRecord.split(',').includes(tag)
        ) {
          return this.$message.error('患者家族史,不能删除!')
        }
        this.allList[0].data[4].formattedPartsList.splice(index, 1)
      }
      this.$forceUpdate()
    },
    showInputBlur(name) {
      if (name == '既往史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.blur()
        }, 100)
        this.allList[0].data[2].flag = false
      }
      if (name == '家族史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.blur()
        }, 100)
        this.allList[0].data[3].flag = false
      }
      if (name == '过敏史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.blur()
        }, 100)
        this.allList[0].data[4].flag = false
      }
    },
    showInputBlur1(tag, name) {
      if (name == '既往史') {
        if (this.allList[0].data[2].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[2].formattedPartsList.push(tag)
        }
        this.allList[0].data[2].doctorMedicalRecord = ''
        this.allList[0].data[2].flag = false
      }
      if (name == '家族史') {
        if (this.allList[0].data[3].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[3].formattedPartsList.push(tag)
        }
        this.allList[0].data[3].doctorMedicalRecord = ''
        this.allList[0].data[3].flag = false
      }
      if (name == '过敏史') {
        if (this.allList[0].data[4].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[4].formattedPartsList.push(tag)
        }
        this.allList[0].data[4].doctorMedicalRecord = ''
        this.allList[0].data[4].flag = false
      }
      this.$forceUpdate()
    },

    showInput(name) {
      if (name == '既往史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.focus()
        }, 100)
        this.allList[0].data[2].flag = true
      }
      if (name == '家族史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.focus()
        }, 100)
        this.allList[0].data[3].flag = true
      }
      if (name == '过敏史') {
        setTimeout(() => {
          this.$refs.saveTagInput.$refs.input.focus()
        }, 100)
        this.allList[0].data[4].flag = true
      }
    },
    blurInputConfirm() {
      this.allList[0].data[2].flag = false
      this.allList[0].data[3].flag = false
      this.allList[0].data[4].flag = false
    },
    handleInputConfirm(tag, name) {
      if (name == '既往史') {
        if (this.allList[0].data[2].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[2].formattedPartsList.push(tag)
        }
        this.allList[0].data[2].doctorMedicalRecord = ''
        this.allList[0].data[2].flag = false
      }
      if (name == '家族史') {
        if (this.allList[0].data[3].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[3].formattedPartsList.push(tag)
        }
        this.allList[0].data[3].doctorMedicalRecord = ''
        this.allList[0].data[3].flag = false
      }
      if (name == '过敏史') {
        if (this.allList[0].data[4].formattedPartsList.includes(tag)) {
          return this.$message.error('已有该病史!')
        }
        if (tag) {
          this.allList[0].data[4].formattedPartsList.push(tag)
        }
        this.allList[0].data[4].doctorMedicalRecord = ''
        this.allList[0].data[4].flag = false
      }
      this.$forceUpdate()
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog__wrapper {
  top: -20px !important;
}

.el-tag + .el-tag {
  margin-left: 10px;
}
.button-new-tag {
  margin-left: 10px;
  height: 32px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}

.cross {
  width: 100px;
  margin-right: 10px;

  p {
    display: flex;
    margin: 0;
    padding: 0;

    .oneSpan {
      flex: 1;
      height: 20px;
      text-align: center;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    .twoSpan {
      flex: 1;
      height: 20px;
      text-align: center;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
    }
    .threeSpan {
      flex: 1;
      height: 20px;
      text-align: center;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
    }
    .fourSpan {
      flex: 1;
      height: 20px;
      text-align: center;
      border-left: 1px solid #ccc;
      border-top: 1px solid #ccc;
    }
  }
}

.yaBg {
  width: 400px;
  height: 520px;
  background-image: url('../../../assets/images/牙齿背景图.png');
  background-position: 50% 50%;
  position: relative;

  .title_top {
    position: absolute;
    top: 10px;
    left: 10px;
  }

  .up1 {
    position: absolute;
    top: 205px;
    left: 83px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上1.png');
    }
  }
  .upp1 {
    position: absolute;
    top: 205px;
    left: 83px;
    transform: translateY(1px);
  }

  .upp2 {
    position: absolute;
    top: 174px;
    left: 82px;
    transform: translateY(1px);
  }

  .up2 {
    position: absolute;
    top: 174px;
    left: 82px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上2.png');
    }
  }
  .up3 {
    position: absolute;
    top: 146px;
    left: 88px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上3.png');
    }
  }

  .upp4 {
    position: absolute;
    top: 122px;
    left: 96px;
    transform: translate(1px, 0px);
  }


  .up4 {
    position: absolute;
    top: 122px;
    left: 96px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上4.png');
    }
  }

  .up5 {
    position: absolute;
    top: 99px;
    left: 112px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上5.png');
    }
  }
  .upp6 {
    position: absolute;
    top: 80px;
    left: 125px;
    transform: translate(1px, 0px);
  }

  .up6 {
    position: absolute;
    top: 80px;
    left: 125px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上6.png');
    }
  }
  .upp7 {
    position: absolute;
    top: 50px;
    left: 141px;
    transform: translate(1px, 9px);
  }
  .up7 {
    position: absolute;
    top: 59px;
    left: 141px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上7.png');
    }
  }
  .upp8 {
    position: absolute;
    top: 50px;
    left: 166px;
    transform: translate(1px,1px);
  }
  .up8 {
    position: absolute;
    top: 50px;
    left: 166px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上8.png');
    }
  }
  .up9 {
    position: absolute;
    top: 52px;
    left: 200px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上9.png');
    }
  }
  .up10 {
    position: absolute;
    top: 59px;
    left: 229px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上10.png');
    }
  }
  .up11 {
    position: absolute;
    top: 80px;
    left: 246px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上11.png');
    }
  }
  .up12 {
    position: absolute;
    top: 99px;
    left: 256px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上12.png');
    }
  }
  .up13 {
    position: absolute;
    top: 121px;
    left: 269px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上13.png');
    }
  }
  .upp14 {
    position: absolute;
    top: 145px;
    left: 278px;
  }
  .up14 {
    position: absolute;
    top: 145px;
    left: 278px;
    cursor: pointer;

    &:hover {
      transform: rotate(-7deg);
      background-image: url('../../../assets/images/浅橘/上14.png');
    }
  }
  .upp15 {
    position: absolute;
    top: 174px;
    left: 283px;
  }
  .up15 {
    position: absolute;
    top: 174px;
    left: 283px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/上15.png');
      transform: rotate(4deg);
    }
  }
  .up16 {
    position: absolute;
    top: 206px;
    left: 281px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/牙/上牙16.png');
    }
  }

  .downn1 {
    position: absolute;
    top: 288px;
    left: 84px;
    transform: translate(1px, 0px);
  }
  .down1 {
    position: absolute;
    top: 288px;
    left: 84px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下1.png');
      transform: rotate(4deg);
    }
  }
  .downn2 {
    position: absolute;
    top: 318px;
    left: 84px;
    transform: translate(1px, 0px);
  }
  .down2 {
    position: absolute;
    top: 318px;
    left: 84px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下2.png');
      transform: rotate(4deg);
    }
  }
  .downn3 {
    position: absolute;
    top: 349px;
    left: 92px;
    transform: translate(-1px, 1px);
  }
  .down3 {
    position: absolute;
    top: 349px;
    left: 92px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下3.png');
      transform: rotate(4deg);
    }
  }
  .downn4 {
    position: absolute;
    top: 380px;
    left: 103px;
    transform: translate(1px, 0px);
  }
  .down4 {
    position: absolute;
    top: 380px;
    left: 103px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下4.png');
      transform: rotate(4deg);
    }
  }
  .downn5 {
    position: absolute;
    top: 405px;
    left: 122px;
    transform: translate(1px, 0px);
  }
  .down5 {
    position: absolute;
    top: 405px;
    left: 122px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下5.png');
      transform: rotate(4deg);
    }
  }
  .downn6 {
    position: absolute;
    top: 428px;
    left: 140px;
    transform: translate(1px, 0px);
  }
  .down6 {
    position: absolute;
    top: 428px;
    left: 140px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下6.png');
      transform: rotate(4deg);
    }
  }
  .downn7 {
    position: absolute;
    top: 437px;
    left: 157px;
  }
  .down7 {
    position: absolute;
    top: 437px;
    left: 157px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下7.png');
      transform: rotate(4deg);
    }
  }
  .downn8 {
    position: absolute;
    top: 441px;
    left: 177px;
    transform: translate(1px, 0px);
  }
  .down8 {
    position: absolute;
    top: 441px;
    left: 177px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下8.png');
      transform: rotate(4deg);
    }
  }
  .downn9 {
    position: absolute;
    top: 443px;
    left: 200px;
    transform: translate(1px, -1px);
  }
  .down9 {
    position: absolute;
    top: 443px;
    left: 200px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下9.png');
      transform: rotate(4deg);
    }
  }
  .downn10 {
    position: absolute;
    top: 437px;
    left: 222px;
  }
  .down10 {
    position: absolute;
    top: 437px;
    left: 222px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下10.png');
      transform: rotate(4deg);
    }
  }
  .downn11 {
    position: absolute;
    top: 426px;
    left: 237px;
    transform: translate(0px, 1px);
  }
  .down11 {
    position: absolute;
    top: 426px;
    left: 237px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下11.png');
      transform: rotate(4deg);
    }
  }
  .downn12 {
    position: absolute;
    top: 405px;
    left: 249px;
  }
  .down12 {
    position: absolute;
    top: 405px;
    left: 249px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下12.png');
      transform: rotate(4deg);
    }
  }
  .downn13 {
    position: absolute;
    top: 380px;
    left: 267px;
  }
  .down13 {
    position: absolute;
    top: 380px;
    left: 267px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下13.png');
      transform: rotate(4deg);
    }
  }
  .downn14 {
    position: absolute;
    top: 350px;
    left: 278px;
    transform: translate(1px, 0px);
  }
  .down14 {
    position: absolute;
    top: 350px;
    left: 278px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下14.png');
      transform: rotate(4deg);
    }
  }
  .downn15 {
    position: absolute;
    top: 318px;
    left: 286px;
  }
  .down15 {
    position: absolute;
    top: 318px;
    left: 286px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下15.png');
      transform: rotate(4deg);
    }
  }

  .downn16 {
    position: absolute;
    top: 287px;
    left: 283px;
    transform: translate(0px, 1px);
  }

  .down16 {
    position: absolute;
    top: 287px;
    left: 283px;
    cursor: pointer;

    &:hover {
      background-image: url('../../../assets/images/浅橘/下16.png');
      transform: rotate(4deg);
    }
  }
}

.add_box {
  width: 515px;
  max-height: 600px;
  overflow: auto;
  margin-left: 10px;

  .dic_box {
    display: flex;
    align-items: center;
  }
  .margin_top {
    margin-top: 10px;
  }

  .leftWidth {
    width: 70px;
    display: inline-block;
  }

  ::v-deep .el-input--mini .el-input__inner {
    height: 22px;
    line-height: 22px;
  }
  ::v-deep .el-input__suffix {
    top: 3px !important;
  }
}

.yellow {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #f59a23;
  margin-right: 5px;
}
.green {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #70b603;
}
.down_box1 {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.down_box2 {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 10px;
  right: 16px;
}
</style>